<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>银联</title>
		<link rel="stylesheet" type="text/css" href="css/index.css" />
		<script src="js/utils.js" type="text/javascript" charset="utf-8"></script>
	</head>

	<body>
		<!--银联-->
		<div class="unionpay">
			<div class="music yiny" id="musicImg"><img src="img/Logo/bsc_03.png"/></div>
			<!--验证码-->
			<div class="VerificationCode">
				<!--音乐节-->
				<div class="MusicFestival">
					<div class="logo1"><img src="img/Logo/b5-01_47.png" /></div>
					<div class="logo2"><img src="img/Logo/b5-01_27.png" /></div>
					<div class="logo3"><img src="img/Logo/b5-01_38.png" /></div>
					<div class="logo4"><img src="img/Logo/b5-01_30.png" /></div>
					<div class="logo5"><img src="img/Logo/b5-01_07.png" /></div>
					<div class="logo6"><img src="img/Logo/b5-01_16.png" /></div>
					<div class="logo7"><img src="img/Logo/b5-01_16.png" /></div>
					<div class="logo8"><img src="img/Logo/b5-01_16.png" /></div>
					<div class="logo9"><img src="img/Logo/b5-01_03.png" /></div>
					<div class="logo10"><img src="img/Logo/b5-01_13.png" /></div>
					<div class="logo11"><img src="img/Logo/b5-01_19.png" /></div>
					<div class="logo12"><img src="img/Logo/b5-01_10.png" /></div>
				</div>
				<!--錄音-->
				<div class="TheRecording">
					<!--录制内容-->
					<div class="RecordedContent">
						<div class="daoJs"></div>
						<div class="RecordedContent_top">
							<div class="anN">
								点击录制按钮
							</div>
							<div class="Kais">
								<div>
									<img src="img/kaisly.png"/>
									<span class="shuidDh"></span>
									<span class="shuidDh"></span>
									<span class="shuidDh"></span>
									<span class="shuidDh"></span>
								</div>
								<div>停止录音</div>
							</div>
						</div>
						<div  class="RecordedContent_bottom">
							<p>手动输入祝福文字</p>
							<div class="content2">
								<div class="keSr">可输入<i>140</i>个中文字</div>
								<textarea name="" rows="" cols=""></textarea>
							</div>
							<div class="Bf">
								<div class="keSr2"><i>140</i></div>
								<span>播放錄音内容</span>								
							</div>
						</div>
					</div>
					<div class="content">可以方便的在线录制语音祝福放入酷炫的情书里一同发送给想送的人</div>
					<!--生成情书-->
					<div class="GenerateaLoveLetter">
						<p>操作说明：1.录音请点击“开始录音”，点击不是长按哦！2.录音完毕后再次点击上面的“结束录音”，录音不要超过61秒哦！</p>
						<div class="qingS">生成情书</div>
					</div>
					<div class="gaoB"><img src="img/asdg.jpg"/></div>
					<div class="faS">点击抽奖</div>
				</div>
				<!--输入-->
				<div class="inputting son animated zoomInRight">
					<div class="PleaseEnterThe"><img src="img/H5-01_07.png" /></div>
					<div class="input">
						<form action="" method="post">
							<input type="text" name="" id="yanZ" value="" placeholder="*由工作人员输入" />
						</form>
					</div>
				</div>
				<!--确认-->
				<div class="confirm son animated zoomInLeft">
					确&nbsp;认
				</div>
				<!----------------------------------------------->
				<!--抽獎-->
				<div class="raffle">
					<div class="img1">
						<ul>
							<li><img src="img/as4.png" /></li>
							<li><img src="img/asd.png" /></li>
							<li><img src="img/sd4.png" /></li>
						</ul>
					</div>
					<div class="img2">
						<ul>
							<li><img src="img/as4.png" /></li>
							<li><img src="img/asd.png" /></li>
							<li><img src="img/sd4.png" /></li>
						</ul>
					</div>
					<div class="img3">
						<ul>
							<li><img src="img/as4.png" /></li>
							<li><img src="img/asd.png" /></li>
							<li><img src="img/sd4.png" /></li>
						</ul>
					</div>
				</div>
				<div class="PickUp">点击抽奖</div>
				<div class="PickUp2">领取奖品</div>
			</div>
			<!--获奖邀请函-->
			<div class="jiangP">
				<div class="gift">
					<div class="gift_box">
						<div class="title">音&nbsp;乐&nbsp;会&nbsp;邀&nbsp;请&nbsp;函</div>
						<div class="AwardGift">
							<img src="img/asd.png" />
						</div>
						<p>恭喜您获得音乐会邀请函一张。</p>
					</div>
					<div class="ConfirmToReceive">确认领取</div>
				</div>
			</div>
			<!--领取成功-->
			<div class="GetTheSuccess">
				<div class="GetTheSuccess_gift">
					<div class="GetTheSuccess_gift_box">
						领取成功！
					</div>
				</div>
			</div>
			<!--正在生成-->
			<div class="GetTheSuccess2">
				<div class="GetTheSuccess_gift2">
					<div class="GetTheSuccess_gift_box2">
						正在生成中...
					</div>
				</div>
			</div>
			<!--不中奖-->
			<div class="ThankYouForYourParticipation">
				<div class="ThankYouForYourParticipation_GetTheSuccess_gift">
					<div class="ThankYouForYourParticipation_GetTheSuccess_gift_box">
						<h1>谢&nbsp;谢&nbsp;参&nbsp;与</h1>
						<p>感谢您使用银联钱包，再接再厉。</p>
					</div>
				</div>
			</div>
			<!--底部-->
			<footer>
				<div class="footer"><img src="img/H5-01_11.png" /></div>
			</footer>
		</div>
		<script src="js/jquery-2.1.0.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/jquery.transit.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/index.js" type="text/javascript" charset="utf-8"></script>
	</body>

</html>